<?
include_once '../includes/config.php';
include_once '../includes/parcial.php';
?>
<div id="contenedorModificarTratamiento">
  <form accept-charset="utf-8" id="formTratamientos" action="">
    <div class="contenedorBotones">
      <?
      echo Helper::botonJquery('agregar', 'agregar', 'Agregar');
      echo Helper::botonJquery('cancelar', 'cancelar', 'Cancelar');
      ?>
    </div>
    <div class="contenedorModulos">
      <div class="modulo">
<?= Helper::entradaTextoVertical("Nombre", "150", '', 'nombre_tratamiento') ?>
      </div>
      <div class="modulo">
<?= Helper::entradaTextoVertical("Duración", "150", '', 'duracion_tratamiento') ?>
      </div>
      <div class="modulo">
<?= Helper::entradaTextoVertical("Precio", "150", '', 'precio_tratamiento') ?>
      </div>
      <div class="modulo unaLinea">
<?= Helper::textAreaHorizontal("Gabinetes", "60", "200", "", "gabinetes_tratamiento") ?>
      </div>
      <div class="modulo unaLinea">
<?= Helper::textAreaHorizontal("Productos", "60", "200", "", "productos_tratamiento") ?>
      </div>
      <div class="modulo unaLinea">
<?= Helper::textAreaHorizontal("Descripción", "6", "395", "", "descripcion_tratamiento") ?>
      </div>
    </div>
  </form>
</div>
<script type="text/javascript">
  
  $(function(){
    $("#gabinetes_tratamiento").tokenInput("buscarGabinetes.php", {
      theme: "facebook",
      preventDuplicates: true, 
      searchingText: "<?= BUSCANDO ?>",
      hintText: "<?= AYUDA_TOKENINPUT ?>",
      onAdd: function() {
        recalcularAlturaTope($("#gabinetes_tratamiento"));
      },
      onReady: function() {
        registrarAlturaTokenInput($("#gabinetes_tratamiento"));
        recalcularAlturaTope($("#gabinetes_tratamiento"));
      }
    });
    $("#productos_tratamiento").tokenInput("buscarProductos.php", {
      theme: "facebook",
      preventDuplicates: true, 
      searchingText: "<?= BUSCANDO ?>",
      hintText: "<?= AYUDA_TOKENINPUT ?>",
      onAdd: function() {
        recalcularAlturaTope($("#productos_tratamiento"));
      },
      onReady: function() {
        registrarAlturaTokenInput($("#productos_tratamiento"));
        recalcularAlturaTope($("#productos_tratamiento"));
      }
    });
    $("#formTratamientos").validate(
    {
      rules: 
        { 
        nombre_tratamiento: "required",
        precio_tratamiento: "required",
        duracion_tratamiento: "required"
      },
      messages: 
        {
                
        nombre_tratamiento: "*",
        precio_tratamiento: "*",
        duracion_tratamiento: "*"
      }
    });
    $("#agregar").click(function(event) {
      event.preventDefault();
      var nombre=$("#nombre_tratamiento").val();
      var descripcion=$("#descripcion_tratamiento").val();
      var duracion = $("#duracion_tratamiento").val();
      var precio = $("#precio_tratamiento").val();
      if ( $("#formTratamientos").validate().form()){
        $.blockUI();
        $.ajax({
          type: "POST",
          url: "agregarTratamiento.php",
          data: $("#formTratamientos").serialize(),
          success: function(data){
            if (data=="1"){
              $.ajax({
                type: "POST",
                url: "recargarTablas.php",
                data: {objeto: "Tratamiento"},
                success: function(data){
                  $("#recargarTabla").html(data);
                  $.unblockUI();
                  $.growlUI('Tratamiento Agregado..'); 
                  $("#tope").html("");
                  $("#tope").slideUp(1);
                }
              });
            }
            else{
              $.unblockUI();
              $.growlUI('No se pudo agregar el Tratamiento..'); 
            }
          }
        });
      }
    }); 
  });
</script>